<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./千库网.css">
</head>

<body>
    <!--第一部分-->
    <div class="part1 clearfix">
        <!--第一部分内容器-->
        <div class="outer1 clearfix">
            <div class="h1"></div>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">广告内容</a></li>
                <li><button type="button" >登录/注册</button></li>

            </ul>
            
            <p class="title clearfix">千库网是国内提供免费PNG图片的素材先驱网站</p>            
            <p class="content">经过1年多的高速发展，目前该网站不仅仅拥有500万优质PNG免抠元素，还有300万精品背景素材和700万模板素材。</p>
            <button class="button2"><a href="#">查看详情</a></button>

            <!--三个图片-->
            <div class="box1 clearfix">
                <div class="picture1"></div>
                <span class="small_title1">核心技术</span>
                <p class="main_content1">千库网始终抱着“细节成就品质”的态度，通过全国各地的线下活动。</p>
            </div>

            <div class="box2 clearfix">
                <div class="picture2"></div>
                <span class="small_title2">核心技术</span>
                <p class="main_content2">千库网始终抱着“细节成就品质”的态度，通过全国各地的线下活动。</p>
            </div>

            <div class="box3 clearfix">
                <div class="picture3"></div>
                <span class="small_title3">核心技术</span>
                <p class="main_content3">千库网始终抱着“细节成就品质”的态度，通过全国各地的线下活动。</p>
            </div>
        </div>
    </div>
</body>

</html>